<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<title>品牌天地-北京现代</title>
		<link rel="stylesheet" type="text/css" href="css/bjxd_2.css"/>
		<link rel="stylesheet" href="css/bootstrap.css" />
		<script src="js/jquery-3.4.1.min.js"></script>
		<script src="js/bootstrap.js"></script>
	</head>
	<body>
		<!--头部导航开始-->
		<header>
			<div class="header_body">	
				<div class="top_Right">
					<img src="img/logo.png"/>
				</div>
				<div class="top_Left">
					<ul>
						<li><a href="#">车型专区</a></li>
						<li><a href="bjxd_2.html">品牌天地</a></li>
						<li><a href="#">购车指南</a></li>
						<li><a href="bjxd_3.html">售后服务</a></li>
						<li><a href="#">bluemembers</a></li>
						<li><span class="s">|</span></li>
						<li><span class="m"><a href="#">搜索</a></span></li>
					</ul>
				</div>
			</div>
		</header>
		<!--头部导航结束-->
		
		<!--轮播图开始-->
		<div class="secion">
			<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
				<ol class="carousel-indicators">
	    			<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
	    			<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
	    			<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
				</ol>
				<div class="carousel-inner">
	    			<div class="carousel-item active">
	    				<img src="img/wv.jpg" class="d-block w-100" alt="...">
	    			</div>
	    			<div class="carousel-item">
	    				<img src="img/wef.jpg" class="d-block w-100" alt="...">
	    			</div>
	    			<div class="carousel-item">
	    				<img src="img/pc (4).jpg" class="d-block w-100" alt="...">
	    			</div>
	  			</div>
	  			<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
	    			<span class="carousel-control-prev-icon" aria-hidden="true"></span>
	    			<span class="sr-only">Previous</span>
	  			</a>
	  			<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
	    			<span class="carousel-control-next-icon" aria-hidden="true"></span>
	    			<span class="sr-only">Next</span>
				</a>
			</div>
		</div>
		<!--轮播图结束-->
		
		<!--主题内容开始-->
		<section>
			<div class="technology">
				<div class="Enterprise_1  terpor">
					<img src="img/img1-pc.jpg" />
					<div class="beijing_1">
						<h3>关于企业</h3>
					</div>
				</div>
				<div class="Enterprise_2 terpor">
					<img src="img/img3-pc.jpg" />
					<div class="beijing_2">
						<h3>品牌技术实力</h3>
					</div>
				</div>
				<div class="Enterprise_3  terpor">
					<img src="img/img2-m (1).jpg"/>
					<div class="beijing_3">
						<h3>品牌理念</h3>
					</div>
				</div>
			</div>
		</section>
		<!--主体内容结束-->
		
		<!--第二个轮播图开始-->
		<div class="banner">
			<div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
				<ol class="carousel-indicators">
				    <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
				    <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
				    <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
				</ol>
				<div class="carousel-inner">
			   		<div class="carousel-item active">
			    		<img src="img/pc_kv2.jpg" class="d-block w-100" alt="...">
			    		<div class="carousel-caption d-none d-md-block">
			        		<h5>First slide label</h5>
			        		<p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
			    		</div>
			    	</div>
			    	<div class="carousel-item">
			    		<img src="img/pc_kv4.jpg" class="d-block w-100" alt="...">
			    		<div class="carousel-caption d-none d-md-block">
			        		<h5>Second slide label</h5>
			        		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
			    		</div>
			    	</div>
			    	<div class="carousel-item">
			    		<img src="img/pc-kv_1.jpg" class="d-block w-100" alt="...">
			    		<div class="carousel-caption d-none d-md-block">
			        		<h5>Third slide label</h5>
			        		<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
			    		</div>
			    	</div>
				</div>
				<a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
			  		<span class="carousel-control-prev-icon" aria-hidden="true"></span>
			    	<span class="sr-only">Previous</span>
				</a>
				<a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
			    	<span class="carousel-control-next-icon" aria-hidden="true"></span>
			    	<span class="sr-only">Next</span>
				</a>
			</div>
		</div>
		<!--第二个轮播图结束-->
		
		<!--第二个动画开始-->
		<div class="enterprise">
			<div class="animation">
				<div class="safety fist">
					<img src="img/img4-pc.jpg"/>
					<div class="love">
						<h3>企业社会责任</h3>
					</div>
				</div>
				<div class="safety">
					<img src="img/img5-pc.jpg" />
					<div class="love">
						<h3>安全环保</h3>
					</div>
				</div>
				<div class="safety fist">
					<img src="img/img6-pad.jpg"/>
					<div class="love">
						<h3>工厂参观预约</h3>
					</div>
				</div>
				<div class="safety">
					<img src="img/img7-pc.jpg"/>
					<div class="love">
						<h3>人才招聘</h3>
					</div>
				</div>
			</div>
		</div>
		<!--第二个动画结束-->
		
		<!--底部开始-->
		<footer>
			<div class="footer_top">
				<div class="footer_top1">
					<ul>
						<li><a href="#">经销商专区</a></li>
						<li><a href="#">经销商招募</a></li>
						<li><a href="#">经销商登录</a></li>
					</ul>
					<ul>
						<li><a href="#">人才招聘</a></li>
						<li><a href="#">社会招聘</a></li>
						<li><a href="#">校园招聘</a></li>
						<li><a href="#">招聘帮助</a></li>
					</ul>
					<ul>
						<li><a href="#">下载专区</a></li>
						<li><a href="#">APP下载</a></li>
					</ul>
					<ul>
						<li><a href="#">联系我们</a></li>
						<li><a href="#">在线客服</a></li>
						<li><a href="#">400-800-1100</a></li>
						<li><a href="#">800-810-1100(座机拨打)</a></li>
					</ul>
					<ul>
						<li><a href="#"><img src="img/icon-weibo.png" />微博关注</a></li>
						<li><a href="#"><img src="img/icon-weixin.png" />微信关注</a></li>
						<li><a href="#"><img src="img/icon-tianmao.png" />天猫旗舰店</a></li>
					</ul>
				</div>
			</div>
			<div class="footer_bottom">
				<div class="footer_bottom1">
					<img src="img/logo-white.png"/>
				</div>
				<div class="footer_bottom2">
					<ul>
						<li><a href="#">我要加盟 &nbsp;&nbsp;&nbsp;&nbsp;|</a></li>
						<li><a href="#">联系我们 &nbsp;&nbsp;&nbsp;&nbsp;|</a></li>
						<li><a href="#">隐私条款 &nbsp;&nbsp;&nbsp;&nbsp;|</a></li>
						<li><a href="#">版权声明 &nbsp;&nbsp;&nbsp;&nbsp;|</a></li>
						<li><a href="#">网站地图</a></li>
					</ul>
				</div>
				<div class="footer_bottom3">
					<p>北京市顺义区林河工业开发区顺通路18号 京ICP备05030295号 京公网安备110401000066号</p>
					<p>Copyright © 2002-2019 BEIJING HYUNDAI MOTOR COMPANY Corporation,All Rights Reserved</p>
				</div>
			</div>
		</footer>
		<!--底部结束-->
	</body>
</html>
